
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Normalize.css: Audio on Android</title>
    <style>
     /*
     * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
     *    and `video` controls.
     * 2. Corrects inability to style clickable `input` types in iOS.
     * 3. Improves usability and consistency of cursor style between image-type
     *    `input` and others.
     * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
     *    Known issue: inner spacing remains in IE 6.
     */

    button,
    input[type="button"], /* 1 */
    input[type="reset"],
    input[type="submit"] {
        -webkit-appearance: button; /* 2 */
        cursor: pointer; /* 3 */
        *overflow: visible;  /* 4 */
    }

    </style>
</head>
<body>
    <audio controls>
        <source src="http://a1.phobos.apple.com/us/r1000/011/Music/12/14/7f/mzm.ubzkrulq.aac.p.m4a">
        <source src="http://images.apple.com/html5/showcase/audio/letsgosurfing-thedrums.mp3">
        <source src="http://www.apple.com/html5/showcase/audio/letsgosurfing-thedrums.ogg">
    </audio>
</body>
</html>
